.long-button {
    width: 1000px;
}

.medium-button {
	width: 400px;
}

.long-button-begin::part(button) {
    justify-content: flex-start;
}

.long-button-end::part(button) {
    justify-content: flex-end;
}

.button1auto {
    background-color: var(--sapBackgroundColor);
}

.button2auto {
    height: auto
}

.button3auto {
    color: red;
}

.button4auto {
    width: 6rem;
}

.login-form {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: flex-start;
	margin: 3rem 6rem;
}

.login-form > div {
	display: grid;
	width: 15rem;
	margin-bottom: .5rem;
}

